<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>float</title>
  </head>
  <style>
    img{
        float:right
    }
  </style>
  <body>
    <h1>向右浮动</h1>
    <p>在本例中，图像会在段落中向右浮动，而段落中的文本会包围这幅图像。</p>
    <p>
      <img
        src="/i/logo/w3logo-3.png"
        alt="W3School"
        style="width: 170px; height: 170px; margin-left: 15px"
      />
      领先的 Web 技术教程 - 全部免费。在
      W3School，你可以找到你所需要的所有的网站建设教程。从基础的 HTML 到
      CSS，乃至进阶的 XML、SQL、JS、PHP。
      我们的参考手册涵盖了网站技术的方方面面。其中包括W3C标准技术：HTML、CSS、XML
      。以及其他技术，诸如 JavaScript、PHP、SQL 等。 在
      W3School，我们提供上千个实例。通过使用我们的在线编辑器，你可以编辑这些例子，并对代码进行实验。
    </p>
  </body>
</html>
